<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <link rel="stylesheet" href="../../css/api.css">
      <link rel="stylesheet" href="../../css/base_bai/base.css">
      <title>合伙收益</title>

      <style>
      img{    display: block;}
     h3{font-size: initial;}
        html, body{font-size: 100%;background: #F5F5F5}
      .van-nav-bar .van-icon{color:black;}

          .c_1{width: 100%;  height: 6rem;  background: #FF9900;padding: 2rem 0rem}

          .c_2{    position: absolute;  top: 10rem;width: 100%;}



          .c_1>div{display:flex;padding: 1rem;}


          .c_1 [user_avter]>span{border-radius: 100%;  border: 6px solid #FFCF88;}
          .c_1 [user_avter] img{width:3rem;width: 3rem;  border-radius: 100%;  display: block;height: 3rem}

          .c_1 [user_name]>div{color:white;font-size: 0.9rem;margin-left: .5rem;    line-height: 1.3rem;}

          .price{background: white;border-radius: .5rem;padding: 1rem;display: flex;align-items: center;    margin: .5rem;    }
          .price>div{flex:1;}

          .price>[p_sty]>div:nth-child(1){font-size: 0.75rem;padding-left: .4rem;}
          .price>[p_sty]>div:nth-child(2){color:#FF9900;font-weight: 700;font-size: .9rem;line-height: 2rem;padding-left: .4rem;}

          .price [sub_sty]{border: 1px solid #FF9900;  color: #FF9900;border-radius: 2rem;height: 34px;line-height: 32px;}

          .my{background: white; margin: .5rem; padding: 0.5rem;border-radius: 0.5rem}
          .my>[statistics]{display: flex;}
          .my>[statistics]>div{flex:1;text-align: center;}
          .my>[statistics] [on]{display: flex;align-items: center;padding: .5rem}
          .my>[statistics] [on] img{padding-right: 0.5rem}
          .my>[statistics] [on]>div{font-size: 0.8rem}
            .my>[statistics] [on]>div>div{text-align: left}

          .my>[statistics] [on] [count]>span{color: #FF4122;font-size: 1rem;    font-weight: 700;}
      </style>
  </head>
  <body>
  <div id="app" v-cloak>

    <div>
        <van-nav-bar class="m-header" title="团队及收益" left-arrow @click-left="  closeWin()" />
    </div>


  <div>
    <div class="c_1">
      <div user_info>
        <div user_avter><span><img src="../../image/center_index_81.png"  /></span></div>
        <div user_name >
          <div>三十页鱼</div>
          <div>推荐人：小喜子</div>
          <div>推荐码：15339291970</div>
        </div>

      </div>

    </div>
    <div class="c_2">

      <div class="price">
            <div p_sty>
              <div >已提现金额</div>
                <div>1988.00元</div>
            </div>
            <div p_sty>
              <div >待提现金额</div>
                <div>2000.00元</div>
            </div>
            <div style="    text-align: center;">
            <van-button  sub_sty >立即提现</van-button>
            </div>
      </div>

      <div class="my">
        <div style="padding: 0 1rem .5rem;">我的</div>
        <div statistics>
          <div>
            <div on>
              <div><img  src="../../image/partner_income_1.png" /></div>
              <div>
                 <div>团队人员</div>
                  <div count><span >980</span>人</div>
              </div>
            </div>
            <div on>
              <div><img  src="../../image/partner_income_2.png" /></div>
              <div>
                 <div>会员续费</div>
                  <div count><span >3000</span>元</div>
              </div>
            </div>
          </div>
          <div>
            <div on>
              <div><img  src="../../image/partner_income_3.png" /></div>
              <div>
                 <div>分销佣金</div>
                  <div count><span >345.00</span>元</div>
              </div>
            </div>
            <div on>
              <div><img  src="../../image/partner_income_4.png" /></div>
              <div>
                 <div>提现记录</div>
                  <div count><span >3</span>条</div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>






  </div>



  </div>
  </body>
  <script src="../../script/api.js"></script>
  <script src="../../script/base_bai/vue.js"></script>
  <script src="../../script/base_bai/vant.js"></script>
  <script src="../../script/base_bai/base.js"></script>
  <script src="../../script/base_bai/temp.js"></script>
  <script type="text/javascript">
      apiready = function(){
            headerH = $api.fixStatusBar($api.byId('app'));
        Vue.prototype.$ac = api;
        initVue()
      };
      if (BrowserType() == 'pc') {
          initVue()
      }
      function initVue() {
          new Vue({
              el: '#app',
            // data: temp.center.order_list,
            data:{

            },
            methods: {

            }

          })
      }
  </script>
  </html>
